<template>
	<view>
		<view class="top">
			<text style="color: #999999;">订单号：{{outTradeNo}}</text>
			<view class="price">
				￥{{countmoney}}
			</view>
		</view>
		<view class="zhifu">
			<view style="padding: 50rpx 0 25rpx 0;">请选择支付方式</view>
			<view v-for="(item, index) in radiolist1" :key="index">
				<u-radio-group v-model="radiovalue1" placement="row" @change="groupChange">
					<u-radio :customStyle="{marginBottom: '25rpx'}" :label="item.name" :name="item.name"
						@change="radioChange">
					</u-radio>
				</u-radio-group>
			</view>
		</view>
		<view class="footer">
			确定支付
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				outTradeNo: [],
				countmoney: [],
				radiolist1: [{
						name: '支付宝支付',
						disabled: false
					},
					{
						name: '微信支付',
						disabled: false
					}
				],
				radiovalue1: '支付宝支付',
			}
		},
		onLoad(options) {
			console.log(options.outTradeNo);
			this.outTradeNo = options.outTradeNo
			let countmoney = uni.getStorageSync('orderInfo').countmoney
			this.countmoney = countmoney
			console.log(countmoney);
		},
		methods: {
			groupChange(n) {
				console.log('groupChange', n);
			},
			radioChange(n) {
				console.log('radioChange', n);
			}
		}
	}
</script>

<style>
	.top {
		text-align: center;
		margin-top: 50rpx;
	}

	.top .price {
		padding-top: 10rpx;
		font-size: 60rpx;
	}

	.zhifu {
		margin-left: 50rpx;
	}

	.footer {
		width: 650rpx;
		height: 80rpx;
		border-radius: 50rpx;
		background-color: #3399FF;
		color: #fff;
		text-align: center;
		line-height: 80rpx;
		margin: 700rpx 0 0 50rpx;
	}
</style>
